﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ include file="common/head.jsp" %>

<div class="b_wrap">
    <div class="current"><span>当前所在地：</span><a href="/">首页</a> >> <a href="旅游景点.html">旅游景点</a> </div>
<div class="clumn_w clearfix">
        <div class="clu_zb">
            <div class="tab_menu mul_w">
                <ul class="tab_mul">
                    <li class="selected">全自助游</li>
                    <li>途径城市设定</li>
                    <li>入住酒店设定</li>
                    <li>交通设定</li>
                    <li>线路设定</li>
                    <li>特殊需求线路</li>
                </ul>
            </div>
            <div class="tab_box tw_tab"> 
                 <div>
                     <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                       <tr>
                         <td>入住城市</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>入住日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>离店日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>行程价格</td>
                         <td><select name=""></select></td>
                       </tr>
                       <tr>
                         <td>酒店位置</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>酒店名称</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>&nbsp;</td>
                         <td><a href="#">生成行程单搜索</a></td>
                       </tr>
                     </table>    
                 </div>
                 <div class="hide">
                    <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                       <tr>
                         <td>入住城市</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>入住日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>离店日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>行程价格</td>
                         <td><select name=""></select></td>
                       </tr>
                       <tr>
                         <td>酒店位置</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>酒店名称</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>&nbsp;</td>
                         <td><a href="#">生成行程单搜索</a></td>
                       </tr>
                     </table>    
                 </div>
                 <div class="hide">
                    <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                       <tr>
                         <td>入住城市</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>入住日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>离店日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>行程价格</td>
                         <td><select name=""></select></td>
                       </tr>
                       <tr>
                         <td>酒店位置</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>酒店名称</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>&nbsp;</td>
                         <td><a href="#">生成行程单搜索</a></td>
                       </tr>
                     </table>    
                    </div> 
                 <div class="hide">
                    <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                       <tr>
                         <td>入住城市</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>入住日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>离店日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>行程价格</td>
                         <td><select name=""></select></td>
                       </tr>
                       <tr>
                         <td>酒店位置</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>酒店名称</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>&nbsp;</td>
                         <td><a href="#">生成行程单搜索</a></td>
                       </tr>
                     </table>    
                 </div>
                 <div class="hide">
                    <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                       <tr>
                         <td>入住城市</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>入住日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>离店日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>行程价格</td>
                         <td><select name=""></select></td>
                       </tr>
                       <tr>
                         <td>酒店位置</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>酒店名称</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>&nbsp;</td>
                         <td><a href="#">生成行程单搜索</a></td>
                       </tr>
                     </table>    
                    </div>
                 <div class="hide">
                    <table class="t_tab" width="250" border="0" cellspacing="0" cellpadding="0">
                       <tr>
                         <td>入住城市</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>入住日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>离店日期</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>行程价格</td>
                         <td><select name=""></select></td>
                       </tr>
                       <tr>
                         <td>酒店位置</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>酒店名称</td>
                         <td><input name="" type="text"></td>
                       </tr>
                       <tr>
                         <td>&nbsp;</td>
                         <td><a href="#">生成行程单搜索</a></td>
                       </tr>
                     </table>    
                    卦</div>         
            </div>
        </div>
        <div class="in">
          <div class="pbox">
            <div id="box" class="box">
              <ul id="imgs">
                <li><a href="#"><img src="statics/portal/images/bimg01.jpg" width="570" height="280"></a></li>
                <li><a href="#"><img src="statics/portal/images/bimg01.jpg" width="570" height="280"></a></li>
                <li><a href="#"><img src="statics/portal/images/bimg01.jpg" width="570" height="280"></a></li>
                <li><a href="#"><img src="statics/portal/images/bimg01.jpg" width="570" height="280"></a></li>
              </ul>
            </div>
            <div class="cons">
              <ul id="num" class="num">
                <li class="act"><a href="#">夏阳湖皇冠假日酒店</a></li>
                <li><a href="#">黄金水岸开业酬宾</a></li>
                <li><a href="#"> 首尔公寓酒店</a></li>
                <li style="width:140px"><a href="#"> 新加坡文化酒店</a></li>
              </ul>
            </div>
          </div>
        </div>
    </div>
    <div class="clumn_w clearfix">
        <div class="clumn_l">
            <div class="clumn">
                <div class="clumn_tit t01">国内热门景点</div>
                <div class="clumn_con">
                    <div class="cln_w">
                        <p>热门城市</p>
                        <div class="cln_c clearfix">
                            <a href="#">北京</a>
                            <a href="#">上海</a>
                            <a href="#">厦门</a>
                            <a href="#">成都</a>
                            <a href="#">西安</a>   
                            <a href="#">黄山</a>
                            <a href="#">香港</a>
                            <a href="#">青岛</a>
                            <a href="#">桂林</a>
                            <a href="#">深圳</a> 
                            <a href="#">三亚</a>
                            <a href="#">杭州</a>
                            <a href="#">丽江</a>
                            <a href="#">南京</a>
                            <a href="#">重庆</a>  
                            <a href="#">苏州</a>
                            <a href="#">张家界</a>   
                        </div>
                    </div>
                    <div class="cln_w">
                        <p>景点认证</p>
                        <div class="cln_c clearfix">
                            <a href="#">5A级</a>
                            <a href="#">4A级</a>
                            <a href="#">3A级</a>
                            <a href="#">2A级</a>
                        </div>
                    </div>
                    <div class="cln_w">
                        <p>热门主题</p>
                        <div class="cln_c clearfix">
                            <a href="#">温泉</a>
                            <a href="#">古镇</a>
                            <a href="#">摄影</a>
                            <a href="#">滑雪</a>
                            <a href="#">海边</a>
                            <a href="#">美食</a>
                            <a href="#">登山</a>
                            <a href="#">主题公园</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clumn">
                <div class="clumn_tit t02"><span>优惠促销</span><a href="#">更多>></a></div>
                <div class="clumn_con">
                    <ul class="clu_ul">
                        <li><a href="#">六日黄石公园, 现有女一人，寻女性同游</a></li>
                        <li><a href="#">国庆长假，温哥华维多利亚自助游找伴</a></li>
                        <li><a href="#">去NewFundland，自助游！ 肯定走！</a></li>
                        <li><a href="#">多伦多-温哥华 横跨之旅</a></li>
                        <li><a href="#">诚招一女， 已有7人定下去NewFoundland</a></li>
                        <li><a href="#">六日黄石公园, 现有女一人，寻女性同游</a></li>
                        <li><a href="#">暑期邮轮 特价不断</a></li>
                        <li><a href="#">订机票，选银联，超值特惠</a></li>
                    </ul>
                    <div><center><img src="statics/portal/images/add01.jpg"></center></div>
                </div>
            </div>
            <div class="clumn">
                <div class="clumn_tit t03"><span>游览历史记录</span><a href="#">更多>></a></div>
                <div class="clumn_con">
                    <ul class="clu_ul s_ul">
                        <li><a href="#">日本航空·大阪自由行5日    </a><span>¥3152</span></li>
                        <li><a href="#">日本航空·名古屋自由行4日  </a><span>¥3129</span></li>
                        <li><a href="#">购物·东京涉谷原宿自由行5日</a><span>¥5880</span></li>
                        <li><a href="#">日本航空·大阪自由行5日    </a><span>¥3152</span></li>
                        <li><a href="#">日本航空·名古屋自由行4日  </a><span>¥3129</span></li>
                        <li><a href="#">购物·东京涉谷原宿自由行5日</a><span>¥5880</span></li>
                        <li><a href="#">日本航空·大阪自由行5日    </a><span>¥3152</span></li>
                        <li><a href="#">日本航空·名古屋自由行4日  </a><span>¥3129</span></li>
                        <li><a href="#">购物·东京涉谷原宿自由行5日</a><span>¥5880</span></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="clumn_r01">
          <div class="js_box">
          <div class="js_tit clearfix">
            <div class="xs_w">显示方式：<a class="lb_a" href="#">列表</a> <a class="tw_a" href="#">图文</a> 排序方式：<span class="t_top">行程天数</span> <span class="t_top">价格</span> <input type="text" name="" value="" placeholder=""> - <input type="text" name="" value="" placeholder=""> <input class="in_t" type="checkbox" name="" value=""> <span class="fn_o">优惠促销</span> </div>
            <div class="fy_w"><a href="#">1/2页 </a><a href="#">上一页</a> <a href="#">下一页</a></div>
          </div>
          <div class="js_wrap claerdix">
            <div class="js_con clearfix">
              <div class="js_l"><a href="旅游景点-详情.html"><img src="statics/portal/images/l_img01.jpg"></a></div>
              <div class="js_c">
                <p><b><a href="旅游景点-详情.html">【最美千岛湖】双人两日游船千岛湖，赏最美风景，逛森林氧吧</a></b></p>
                <p>千岛湖中心湖区（含游船）门票2张+森林氧吧门票2张+千岛</p>
                <p><a class="js_pl" href="#"><span>0</span>条评论</a> <a class="js_gm" href="#"><span>102</span>人购买</a></p>
              </div>
              <div class="js_r">
                <p><span class="fn_o">￥</span><b>728</b>起</p>
                <p class="y_price">￥1532 <span>4.7折</span></p>
              </div>
            </div>
            <div class="js_con clearfix">
              <div class="js_l"><img src="statics/portal/images/l_img02.jpg"></div>
              <div class="js_c">
                <p><b>【最美千岛湖】双人两日游船千岛湖，赏最美风景，逛森林氧吧</b></p>
                <p>千岛湖中心湖区（含游船）门票2张+森林氧吧门票2张+千岛</p>
                <p><a class="js_pl" href="#"><span>0</span>条评论</a> <a class="js_gm" href="#"><span>102</span>人购买</a></p>
              </div>
              <div class="js_r">
                <p><span class="fn_o">￥</span><b>728</b>起</p>
                <p class="y_price">￥1532 <span>4.7折</span></p>
              </div>
            </div>
            <div class="js_con clearfix">
              <div class="js_l"><img src="statics/portal/images/l_img03.jpg"></div>
              <div class="js_c">
                <p><b>【最美千岛湖】双人两日游船千岛湖，赏最美风景，逛森林氧吧</b></p>
                <p>千岛湖中心湖区（含游船）门票2张+森林氧吧门票2张+千岛</p>
                <p><a class="js_pl" href="#"><span>0</span>条评论</a> <a class="js_gm" href="#"><span>102</span>人购买</a></p>
              </div>
              <div class="js_r">
                <p><span class="fn_o">￥</span><b>728</b>起</p>
                <p class="y_price">￥1532 <span>4.7折</span></p>
              </div>
            </div>
            <div class="js_con clearfix">
              <div class="js_l"><img src="statics/portal/images/l_img02.jpg"></div>
              <div class="js_c">
                <p><b>【最美千岛湖】双人两日游船千岛湖，赏最美风景，逛森林氧吧</b></p>
                <p>千岛湖中心湖区（含游船）门票2张+森林氧吧门票2张+千岛</p>
                <p><a class="js_pl" href="#"><span>0</span>条评论</a> <a class="js_gm" href="#"><span>102</span>人购买</a></p>
              </div>
              <div class="js_r">
                <p><span class="fn_o">￥</span><b>728</b>起</p>
                <p class="y_price">￥1532 <span>4.7折</span></p>
              </div>
            </div>
            <div class="js_con clearfix">
              <div class="js_l"><img src="statics/portal/images/l_img01.jpg"></div>
              <div class="js_c">
                <p><b>【最美千岛湖】双人两日游船千岛湖，赏最美风景，逛森林氧吧</b></p>
                <p>千岛湖中心湖区（含游船）门票2张+森林氧吧门票2张+千岛</p>
                <p><a class="js_pl" href="#"><span>0</span>条评论</a> <a class="js_gm" href="#"><span>102</span>人购买</a></p>
              </div>
              <div class="js_r">
                <p><span class="fn_o">￥</span><b>728</b>起</p>
                <p class="y_price">￥1532 <span>4.7折</span></p>
              </div>
            </div>
            <div class="js_con clearfix">
              <div class="js_l"><img src="statics/portal/images/l_img02.jpg"></div>
              <div class="js_c">
                <p><b>【最美千岛湖】双人两日游船千岛湖，赏最美风景，逛森林氧吧</b></p>
                <p>千岛湖中心湖区（含游船）门票2张+森林氧吧门票2张+千岛</p>
                <p><a class="js_pl" href="#"><span>0</span>条评论</a> <a class="js_gm" href="#"><span>102</span>人购买</a></p>
              </div>
              <div class="js_r">
                <p><span class="fn_o">￥</span><b>728</b>起</p>
                <p class="y_price">￥1532 <span>4.7折</span></p>
              </div>
            </div>
            <div class="js_con clearfix">
              <div class="js_l"><img src="statics/portal/images/l_img03.jpg"></div>
              <div class="js_c">
                <p><b>【最美千岛湖】双人两日游船千岛湖，赏最美风景，逛森林氧吧</b></p>
                <p>千岛湖中心湖区（含游船）门票2张+森林氧吧门票2张+千岛</p>
                <p><a class="js_pl" href="#"><span>0</span>条评论</a> <a class="js_gm" href="#"><span>102</span>人购买</a></p>
              </div>
              <div class="js_r">
                <p><span class="fn_o">￥</span><b>728</b>起</p>
                <p class="y_price">￥1532 <span>4.7折</span></p>
              </div>
            </div>
          </div>
          </div>
          <div class="zb_wrap clearfix">
            <div class="zb_tit"><b>杭州周边热门景点</b><a href="#">更多>></a></div>
            <div class="zb_con clearfix">
              <dl>
                <dt><a href="#"><img src="statics/portal/images/zb_img01.jpg"></a></dt>
                <dd><a href="#">西湖</a></dd>
              </dl>
              <dl>
                <dt><a href="#"><img src="statics/portal/images/zb_img02.jpg"></a></dt>
                <dd><a href="#">西湖</a></dd>
              </dl>
              <dl>
                <dt><a href="#"><img src="statics/portal/images/zb_img03.jpg"></a></dt>
                <dd><a href="#">西湖</a></dd>
              </dl>
              <dl>
                <dt><a href="#"><img src="statics/portal/images/zb_img04.jpg"></a></dt>
                <dd><a href="#">西湖</a></dd>
              </dl>
              <dl>
                <dt><a href="#"><img src="statics/portal/images/zb_img05.jpg"></a></dt>
                <dd><a href="#">西湖</a></dd>
              </dl>
              <dl>
                <dt><a href="#"><img src="statics/portal/images/zb_img06.jpg"></a></dt>
                <dd><a href="#">西湖</a></dd>
              </dl>
              <dl>
                <dt><a href="#"><img src="statics/portal/images/zb_img07.jpg"></a></dt>
                <dd><a href="#">西湖</a></dd>
              </dl>
              <dl>
                <dt><a href="#"><img src="statics/portal/images/zb_img08.jpg"></a></dt>
                <dd><a href="#">西湖</a></dd>
              </dl>
            </div>
          </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="statics/portal/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="statics/portal/js/imgtoggle.js"></script>
<script type="text/javascript">
window.onload=function(){
    var iTgl=new k_iToggle();
        iTgl.init({
            boxId:'box',
            numId:'num',
            imgId:'imgs',
            isAuto:true,
            aCls:'act',
            iCls:'imgs1',
            direct:'crt'
        });
        chg(iTgl,'chg');
        _auto(iTgl,'auto_1');
        
    //改变方向
    function chg(o,id){
        $('#'+id).click(function(){
            if(o.direct()=='crt'){
                o.direct('lvl');
                $(this).text('纵向');
            }else{
                o.direct('crt');
                $(this).text('横向');
            }
        });
    }
    
    function _auto(o,id){
        $('#'+id).click(function(){
            if(o.isAuto){
                o.isAuto=false;
                $(this).text('自动播放已停止');
            }else{
                o.isAuto=true;
                o.auto();
                $(this).text('自动播放');
            }
        });
    }
}
</script>
<script type="text/javascript"> 
    $(function(){
        var wweya_li =$("div.tab_menu ul li");
        wweya_li.click(function(){
        $(this).addClass("selected")            
         .siblings().removeClass("selected");  
            var index =  wweya_li.index(this); 
        $("div.tab_box > div")  
        .eq(index).show(100)   
            .siblings().hide(); 
                }).hover(function(){
            $(this).addClass("hover");
        },function(){
            $(this).removeClass("hover");           
        });
    });
</script>
<script type="text/javascript">
$(function(){
	$("#scenicsport").addClass("cur");
	$("#scenicsport").siblings().removeClass("cur");
})
</script>
<%@ include file="common/foot.jsp" %>
